﻿body
{
	font-family: Arial;
	font-size: 11px;
	color: Black;
	margin: 0;
}
ul
{
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
}

a
{
	text-decoration: none;
	cursor: pointer;
}

a:hover
{
	text-decoration: none;
}

a:visited
{
}

img{border:none; margin: 2px; padding: 2px;}
#wrap
{
	background: url( "Image/bg_color.png" ) repeat #cccccc;
}

#header
{
}

#logo
{
	height: 89px;
	background-color: #006633;
}

#logo .logo-image
{
	margin-top: 2px;
	float: left;
	height: 86px;
	width: 126px;
	background: url(  "image/logo.png" ) no-repeat;
}

#logo .logo-title
{
	margin-top: 15px;
	float: left;
}
#logo .logo-title h1
{
	color: White;
	margin: 0;
	padding: 0;
	font-size: 36px;
}

#logo .logo-title h3
{
	color: White;
	margin: 0;
	padding: 0;
	font-size: 14px;
}
#hor-menu
{
	height: 40px;
}

#hor-menu ul
{
	margin-left: 15px;
}

#hor-menu ul li
{
	float: left;
	position: relative;
	top: 10px;
}

#hor-menu ul li:hover
{
	cursor: pointer;
}

#hor-menu ul li:hover a
{
	background: url(   "Image/active-tab_01.gif" ) no-repeat left;
}

#hor-menu ul li:hover a span
{
	display: block;
	height: 30px;
	color: White;
	padding-right: 10px;
	background: url(   "Image/active-tab_02.gif" ) no-repeat right;
}

#hor-menu ul a
{
	display: block;
	height: 30px;
	padding: 0px 10px;
	font-weight: bold;
	color: #444444;
}
#hor-menu ul a span
{
	display: block;
	height: 30px;
	padding-right: 10px;
}

#hor-menu ul a span strong
{
	float: left;
	margin-top: 10px;
}

#hor-menu ul a:hover
{
	text-decoration: none;
	cursor: pointer;
}

#hor-menu ul a:visited
{
	text-decoration: none;
}

#hor-menu ul a.active
{
	background: url(   "Image/active-tab_01.gif" ) no-repeat left;
}
#hor-menu ul a.active span
{
	display: block;
	height: 30px;
	color: White;
	padding-right: 10px;
	background: url(   "Image/active-tab_02.gif" ) no-repeat right;
}
#content
{	
	background: url( "Image/bg_color.png" ) repeat #cccccc;
}

#left-col
{
	float: left;
	width: 230px;
	padding: 5px;
}
div.menu-left-box
{
}

div.menu-top
{
	height: 15px;
	width: 220px;
	background: url( "image/menu-left-box_top.png" ) no-repeat;
}

div.menu-content
{
	width: 220px;
	background: url( "image/menu-left-box_center.png" ) repeat-y;
	padding: 5px 30px;
}
div.menu-content ul
{
	text-transform: uppercase;	
}

div.menu-content ul li
{
	padding: 5px 0px;	
}

div.menu-content ul li a
{
	color: #006633;
	font-weight: bold;	
}

div.menu-content ul li a:hover
{
	color: #666666;		
}

div.menu-content ul li a.active-left-menu
{
	color: #666666;	
}

div.menu-bottom
{
	height: 15px;
	width: 220px;
	background: url( "image/menu-left-box_bottom.png" ) no-repeat;
}

#right-col
{
	margin-left: 242px;
}

div.breadcum
{
	float: left;
	width: 100%;
	margin-top: 10px;
	height: 20px;
	background: url( "Image/breadcum-bar.gif" ) repeat-x bottom;
	font-weight: bold;
}

div.breadcum a
{
	color: #666666;	
}

div.breadcum a:hover
{
	color: #006633;	
}

div.breadcum .active-bread
{
	color: #006633;	
}

div.main-content
{
	float: left;
	width: 100%;
}

div.command-box
{
	margin-top: 10px;
	padding: 10px 0px;
	text-align: center;
	background: url( "Image/breadcum-bar.gif" ) repeat-x top;
}
#footer
{
	height: 104px;
	background: url(  "image/footer.gif" ) repeat-x;
}

#footer .foot-head
{
	height: 30px;
	text-align: center;
	padding-top: 10px;
}

#footer .foot-head a
{
	color: White;
	padding: 0 15px;
	font-weight: bold;
	text-decoration: none;
	padding-top: 10px;
	height: 30px;
}

#footer .foot-head a:hover
{
	cursor: pointer;
	text-decoration: none;
}

#footer .foot-content
{
	color: White;
	text-align: center;
}